<template>
	<div>
		<Banner :flash='flash'></Banner>
		<List :navs='navs'></List>
		<Heng></Heng>
		<Zong></Zong>
		<Qiu :first_ad='first_ad'></Qiu>
		<Wan :local_ad='local_ad'></Wan>
		<Outdoor :classified='classified'></Outdoor>
		<Activity :race='race'></Activity>
		<Destination :photo_mdd='photo_mdd'></Destination>
		<Colorful :theme='theme'></Colorful>
		<Calendar :post='post'></Calendar>
		<Re></Re>
		<Hot :tags='tags'></Hot>
		<Footer></Footer>
	</div>
</template>
<script>
	import Banner from './pages/Banner'
	import List from './pages/List'
	import Heng from './pages/Heng'
	import Zong from './pages/Zong'
	import Qiu from './pages/Qiu'
	import Wan from './pages/Wan'
	import Outdoor from './pages/Outdoor'
	import Activity from './pages/Activity'
	import Destination from './pages/Destination'
	import Colorful from './pages/Colorful'
	import Calendar from './pages/Calendar'
	import Re from './pages/Re'
	import Hot from './pages/Hot'
	import Footer from './pages/Footer'
	
	export default{
		components:{
			Banner,
			List,
			Heng,
			Zong,
			Qiu,
			Wan,
			Outdoor,
			Activity,
			Destination,
			Colorful,
			Calendar,
			Re,
			Hot,
			Footer
		},
		data(){
			return{
				flash:'',
				navs:'',
				first_ad:'',
				local_ad:'',
				classified:'',
				race:'',
				photo_mdd:'',
				theme:'',
				post:'',
				tags:''
			}
		},
		mounted(){
			this.$http.get("../../../../static/mock/index.json").then((res)=>{
				let data=res.data.data;
				// console.log(data)
				this.flash=data.flash;
				this.navs=data.navs;
				this.first_ad=data.first_ad;
				this.local_ad=data.local_ad;
				this.classified=data.classified;
				this.race=data.race;
				this.photo_mdd=data.photo_mdd;
				this.theme=data.theme;
				this.post=data.post;
				this.tags=data.tags;
				// console.log(this.tags)
			})
		}
	}
</script>
<style>
	*{
		box-sizing: border-box;
	}
</style>